<template>
  <div class="panel-right-wrap">
    <p class="node_id"> 流程ID： {{ a === '' ? '当前没有选中节点' : a }}</p>
 
    <div class="props-wrap mt-1">
      <slot name="node" v-if="showModel === 'node'"></slot>
      <slot name="edge" v-if="showModel === 'edge'"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'RightPanel',
  inject: ['FlowDT'],
  computed: {
    a() {
      let a = ''
      if (this.FlowDT.selectItem) {
        a = this.FlowDT.selectItem.getModel().id
      }
      return a
    },
    // eslint-disable-next-line vue/return-in-computed-property
    showModel() {
      if (this.FlowDT.selectItem) {
        return this.FlowDT.selectItem.getType()
      }
    },
  },
  data() {
    return {}
  },
}
</script>

<style scoped>
</style>
